<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/comnon.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/company.css">
</head>
<body>
<div class="top">
    <div class="container clearfix">
        <div class="left">
            <a href="">One Request,Multiple Quotes</a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <p><a href="">Subsidiary Company </a> </p>
                </li>
                <li>
                    <p><a href="">ABOUT</a></p>
                </li>
                <li>
                    <p><a href="">NEWS</a></p>
                </li>
                <li>
                    <p><a href="">EXHIBITION</a></p>

                </li>
                <li>
                    <p><a href="">CONTACT</a></p>

                </li>
                <li>
                    <a href=""><img src="../images/icon1.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../images/icon2.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../images/icon1.jpg" alt=""></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="nav">
    <div class="container">
        <div class="navTop clearfix">
            <div class="left leftLogo">
                <a href="">
                    <img src="../images/logo.png" alt="">
                </a>
            </div>
            <div class="left leftSearch">
                <form action="">
                    <div class="formContent">
                        <span>products</span>
                        <input type="text" class="products">
                    </div>
                    <div class="formSearch">
                        <input type="submit" value="search" class="search">
                    </div>

                </form>
            </div>
            <div class="right">
                <div class="signIn">
                    <img src="../images/icon_person.jpg" alt="">
                    <a href="">Sign In |</a>
                </div>
                <div class="joinUs">
                    <a href="">Join Free My</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="mineInfo">
    <div class="container clearfix">
        <div class="left Navnews infoLeft">
            <div class="menu1">
                <div class="menu">
                    <a href="">
                        Products
                    </a>
                </div>
                <div class="ulList">
                    <ul>
                        <li>
                            <a href="javascript:;">My advice</a>
                        </li>
                        <li>
                            <a href="javascript:;">My collection</a>
                        </li>
                        <li>
                            <a href="javascript:;">My evaluation</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="menu1">
                <div class="menu">
                    <a href="">
                        Personal Center
                    </a>
                </div>
                <div class="ulList">
                    <ul>
                        <li>
                            <a href="javascript:;">Personal information</a>
                        </li>
                        <li>
                            <a href="javascript:;">Enterprise information</a>
                        </li>
                        <li>
                            <a href="javascript:;">Security setting</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="menu1">
                <div class="menu">
                    <a href="">
                        Service Centre
                    </a>
                </div>
                <div class="ulList">
                    <ul>
                        <li>
                            <a href="javascript:;">My news</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="right infoRight">
            <div class="infoTop">
                Enterprise information
            </div>
            <div class="companyInfo" >
                <form action="" onsubmit="return check()" method="post">
                <div class="companyInfoName">
                    <label for="companyInfoName">Corporate name:</label>
                    <input type="text" id="companyInfoName" name="companyInfoName">
                </div>
                <div class="companyEmail">
                    <label for="companyEmail">Enterprise email</label>
                    <input type="text" id="companyEmail" name="companyEmail">
                </div>
                <div class="companyPhone">
                    <label for="companyPhone">Enterprise phone:</label>
                    <input type="text" id="companyPhone" name="companyPhone">
                </div>
                <div class="companyRealName">
                    <label for="companyPhone">Real name:</label>
                    <input type="text" id="companyRealName" name="companyRealName">
                </div>
                <div class="companyBusiness">
                    <label for="companyPhone">Primary business:</label>
                    <input type="text" id="companyBusiness" name="companyBusiness">
                </div>
                <div class="companyRadio">
                    <label >Types of Companies:</label>
                    <p >
                        <input type="radio" id="Manufacturer" name="Manufacturer" value="0">
                        <label for="Manufacturer">Manufacturer</label>
                        <input type="radio" id="Distributor" name="Distributor" value="1">
                        <label for="Distributor">Distributor</label>
                    </p>
                </div>
                    <div class="companyAddress">
                        <label for="companyAddress">Business address:</label>
                        <input type="text" id="companyAddress" name="companyAddress">
                    </div>
                    <div class="companyconfirmBtn">
                        <label for="companyAddress"></label>
                        <input type="submit" id="companyconfirmBtn" name="companyconfirmBtn" value="Confirm the preservation">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="showTips">
</div>
    <script src="../js/jquery.js"></script>
    <script>
    function check() {
        var companyInfoName =$('#companyInfoName').val()
        var companyEmail    =$('#companyEmail').val()
        var companyPhone    =$('#companyPhone').val()
        var companyRealName =$('#companyRealName').val()
        var companyBusiness =$('#companyBusiness').val()
        var companyAddress  =$('#companyAddress').val()
        if(companyInfoName
            &&companyEmail
            &&companyPhone
            &&companyRealName
            &&companyBusiness
            &&companyAddress
            ){
            if(companyEmail.search(/^[0-9a-zA-Z]+@[0-9a-zA-Z]+\.[com]/) == -1){
                 $('.showTips').html('邮箱格式错误').fadeIn().fadeOut(3500)
                 return  false
            }
            // 电话
            // 其他
        }else{
            $('.showTips').html('plaese complete your info').fadeIn().fadeOut(3500)
            return false
        }
    }
    </script>
</body>
</html>